<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>Report 1</title>

	<style type="text/css">
		.enter{
			margin:1px;
		}
		
		.badge-sucess{
			background-color: #28b62c;
			margin:1px;
		}
		
		.badge-primary{
			background-color: #158cba;
			margin:1px;
		}
		
		.badge-danger{
			background-color: #ff4136;
			margin:1px;
		}

            table {
      color: #333;
      font-family: sans-serif;
      font-size: .9em;
      font-weight: 300;
      text-align: left;
      line-height: 40px;
      border-spacing: 0;
      border: none;
      width: 500px;
      margin: 20px auto;
    }

    thead tr:first-child {
      background: #428bca;
      color: #fff;
      border: none;
    }

    th {font-weight: bold;}
    th:first-child, td:first-child {padding: 0 15px 0 20px;}

    thead tr:last-child th {border-bottom: 2px solid #ddd;}

    /*tbody tr:hover {background-color: #f0fbff;}*/
    tbody tr:last-child td {border: none;}
    tbody td {border-bottom: 1px solid #158cba;}

    td:last-child {
      text-align: right;
      padding-right: 10px;
    }

    .button {
      color: #428bca;
      text-align: center;
      text-decoration: none;
      padding-left: 15px;
    }

    .button:hover {
      text-decoration: underline;
      cursor: pointer;
    }

	</style>
	
	
	<%@include file="/jsp-includes/js-common.jsp"%>	
</head>
<body>

    <div id="container" style="min-width: 310px; height: 550px; max-width: 98%; margin: 0 auto"></div>
    
    <hr />

    <div id="tplot" style="min-width: 310px; height: 450px; max-width: 98%; margin: 0 auto"></div>

     <table style="width:100%; display:none;">
        <tr>
            <td style="width:70%;"></td>
            <td style="width:30%; vertical-align:top;">
                <table>
                    <thead><tr><th colspan="2">Ημερήσιο Utilization</th></tr></thead>
                    <tbody id="dailyUtilizationContainer">
                    </tbody>
                </table>
            </td>
        </tr>
    </table>
    
    <script type="text/javascript" src="report1.js"></script>
 
</body>
</html>